<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/animate.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/login.js"></script>
</head>
<style>

</style>
<body>
<div class="container text-center animated fadeInDownBig">
    <div class="row">
        <div class="col">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item">倾心❤聊天室</li>
                    <li class="breadcrumb-item">登录页面</li>
                </ol>
            </nav>
        </div>
    </div>
    <div class="row">
        <div class="col">
            <img src="img/chat.png" alt="..." class="rounded">
        </div>
    </div>
    <div class="row">
        <div class="col">
            <div class="badge badge-primary text-wrap" style="width: 8rem;">

                <h6>欢迎使用聊天室</h6>
            </div>
        </div>
    </div>
    <div class="row mt-2">
        <div class="col-lg-4"></div>
        <div class="col-lg-4">
                <div class="form-group">
                    <input type="text" class="form-control" id="usernameinput" placeholder="用户名" >
                </div>
                <div class="form-group">
                    <input type="password" class="form-control" id="passwordinput" placeholder="密码">
                </div>

                <button  class="btn btn-primary w-25"  id="log">登录</button>
                <small id="emailHelp" class="form-text text-muted"><a href="register.html">还没账号？前往注册</a></small>
        </div>

        <div class="col-lg-4"></div>
    </div>
</div>
</body>
</html>